/**
 * @author Evgeny Sorokin
 */
 Ext.define('USocial.view.MapPanel', {
 	extend : 'Ext.Panel',
 	
 	xtype : 'mapPanel',
 	
 	config : {
		layout : 'vbox',
		items : [{
			xtype : 'uMap',
			flex : 1
		},{
			xtype : 'textfield',
		    component: {
		        xtype: 'container', 
		        layout: 'hbox', 
		        getValue : function(){
		        	this.down('textfield').getValue();
		        },
		        items: [
		        {
		          xtype: 'textfield', 
		          flex: 5,
		          id : 'postMessageField',
		          type : 'text',
		          placeHolder : 'What\'s happening around you?',
		          fastFocus : true,
		          border : 0
		        }, 
		        {
		          xtype: 'button', 
		          flex: 1, 
		          iconCls : 'camera',
		          ui: 'plain',
		          border : 0,
		          style : {
		        	  color : 'rgb(0, 122, 255)'
		          }
		        }
		        ]
		    }
		}]
 	}
 });